<template>
	<div class="sider-container">
		<el-aside style="width: auto;">
			<el-menu :default-openeds="['0']" :router="true">
				<el-menu-item index="/home/currencyInfo">
					<template slot="title">
						<i class="el-icon-watermelon"></i>
						<span slot="title">币种信息</span>
					</template>
				</el-menu-item>
				<el-menu-item index="/home/symbolKlineInfo">
					<template slot="title">
						<i class="el-icon-grape"></i>
						<span slot="title">交易对信息</span>
					</template>
				</el-menu-item>
				<el-menu-item index="/home/order">
					<template slot="title">
						<i class="el-icon-ice-cream-round"></i>
						<span slot="title">我的订单</span>
					</template>
				</el-menu-item>
				<el-menu-item index="/home/wallet">
					<template slot="title">
						<i class="el-icon-lollipop"></i>
						<span slot="title">我的钱包</span>
					</template>
				</el-menu-item>
				<el-menu-item index="/home/job">
					<template slot="title">
						<i class="el-icon-goblet-square-full"></i>
						<span slot="title">定时任务</span>
					</template>
				</el-menu-item>
				<el-menu-item index="/home/user">
					<template slot="title">
						<i class="el-icon-ice-drink"></i>
						<span slot="title">个人设置</span>
					</template>
				</el-menu-item>
			</el-menu>
		</el-aside>
	</div>
</template>

<script>
	export default {
		name: 'sider',
		props: []
	}
</script>

<style scoped>
	.sider-container {
		width: 100%;
		height: 100%;
		border-right: solid 1px #e6e6e6;
		overflow-y: auto;
	}

	.el-aside {
		background-color: rgb(238, 241, 246);
		color: #333;
	}

	.el-menu {
		border-right: none;
	}
</style>
